/* ----------- iPhone 4 and 4S and iPhone 5 and 5S ----------- */

/* Portrait and Landscape - iPhone 4 and 4S and iPhone 5 and 5S */
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2) {
        
        /* event info text */
        
        #C03_EventInfo {
            font-size:10.5px;
            line-height:18px;
            top: calc(100% - 115px);
            left:10px;
        }
        #C03_GraphicInfo {
            display:none;
        }
        #C03_Alumnos47Info {
            font-size:7px;
            line-height:12px;
            top: calc(100% - 30px);
            left:10px;
        }
        #C03_MeditatioSonusInfo {
            display:none;
        }
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(100% - 20px);
            top:  0;
            left: calc(50% - (50% - 10px));
        }
        .C03_AstroData {
            width: calc(100% - 20px);
			top:  0;
			left: calc(50% - (50% - 10px));
        }
        #logoPNG {
            width: calc(100% - 20px);
            top: calc(50% - (50% - 181px));
			left: calc(50% - (50% - 10px));
		}
		
        #eventPNG {
            width: calc(100% - 50px);
            top: calc(50% - (50% - 115px));
			left: calc(50% - (50% - 25px));
		}
		
		.C03_planetButton {
			width: 10%;
		}
        #C03S01_pb_0, #C03S01_pb_1 {
            left: calc(100% / 8 - 11.5% );
			top: 5%;
        }
        #C03S02_pb_0, #C03S02_pb_1 {
            left: calc( (100% / 8) * 2 - 11.5%  );
			top: 5%;
        }
        #C03S03_pb_0, #C03S03_pb_1 {
            left: calc( (100% / 8) * 3 - 11.5% );
			top: 5%;
        }
        #C03S04_pb_0, #C03S04_pb_1 {
            left: calc( (100% / 8) * 4 - 11.5% );
			top: 5%;
        }
        #C03S05_pb_0, #C03S05_pb_1 {
            left: calc( (100% / 8) * 5 - 11.5% );
			top: 5%;
        }
        #C03S06_pb_0, #C03S06_pb_1 {
            left: calc( (100% / 8) * 6 - 11.5% );
			top: 5%;
        }
        #C03S06_pb_0, #C03S06_pb_1 {
            left: calc( (100% / 8) * 6 - 11.5% );
			top: 5%;
        }
        #C03S07_pb_0, #C03S07_pb_1 {
            left: calc( (100% / 8) * 7 - 11.5% );
			top: 5%;
        }
        #C03S08_pb_0, #C03S08_pb_1 {
            left: calc( (100% / 8) * 8 - 11.5% );
			top: 5%;
        }
        
        /* home screen logo animation */
        
		#canvasContainer {
		    top: 97px;
			width: 160px;
			height: 160px;
		}
		#displayCanvas {
            width: 160px;
            height: 160px;
		}
		#orbitLayerCanvas {
            width: 160px;
            height: 160px;
		}
		#particleLayerCanvas {
            width: 160px;
            height: 160px;
		}
    }

/* Portrait - iPhone 4 and 4S and iPhone 5 and 5S */
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
        
        /* event info text */
        
        #C03_MeditatioSonusMobile {
            font-size:7px;
            display:block;
            position: absolute;
            top:5px;
            left:10px;
            text-align:left;
        }
        
        /* home screen graphics */
        
        #C03_bgGrid {
            top:  calc(50% - (50% - 50px));
        }
        .C03_AstroData {
            top:  calc(50% - (50% - 50px));
        }
		#logoPNG {
            top: calc(50% - (50% - 181px));
        }
    }
    
/* Landscape - iPhone 4 and 4S and iPhone 5 and 5S */
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
        
        /* event info text */
        
        #C03_EventInfo {
            top:8px;
        }
        #C03_GraphicInfo {
            display:none;
        }
        #C03_Alumnos47Info {
            top:calc(50% + 140px);
        }
        #C03_MeditatioSonusInfo {
            display:none;
        }
        #C03_MeditatioSonusMobile {
            display:block;
            position: absolute;
            top:230px;
            left:15px;
            text-align:left;
        }
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 135px));
            top:  25px;
        }
        .C03_AstroData {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 135px));
            top:  25px;
        }
        #logoPNG {
            width: calc(50% - 20px);
            top: calc(50% - (25% - 60px));
            left: calc(50% + (25% - 135px));
        }
		
        #eventPNG {
            width: calc(50% - 50px);
            top: calc(50% - (50% - 83px));
			left: calc(50% - (50% - 306px));
		}
		
		.C03_planetButton {
			width: 5%;
		}
        #C03S01_pb_0, #C03S01_pb_1 {
            
            left: calc(((50% / 8) * 1) - 25px);
		    top:  calc(50% - 17px);
        }
        #C03S02_pb_0, #C03S02_pb_1 {
            left: calc(((50% / 8) * 2) - 25px);
			top:  calc(50% - 17px);
        }  
        #C03S03_pb_0, #C03S03_pb_1 {
            left: calc(((50% / 8) * 3) - 25px);
			top:  calc(50% - 17px);
        }  
        #C03S04_pb_0, #C03S04_pb_1 {
            left: calc(((50% / 8) * 4) - 25px);
			top:  calc(50% - 17px);
        } 
        #C03S05_pb_0, #C03S05_pb_1 {
            left: calc(((50% / 8) * 5) - 25px);
			top:  calc(50% - 17px);
        } 
        #C03S06_pb_0, #C03S06_pb_1 {
            left: calc(((50% / 8) * 6) - 25px);
			top:  calc(50% - 17px);
        } 
        #C03S07_pb_0, #C03S07_pb_1 {
            left: calc(((50% / 8) * 7) - 25px);
			top:  calc(50% - 17px);
        } 
        #C03S08_pb_0, #C03S08_pb_1 {
            left: calc(((50% / 8) * 8) - 25px);
			top:  calc(50% - 17px);
        }
        
        /* home screen logo animation */
        
        #canvasContainer {
            top: 0;
            left: calc(50% - 145px);
            width: 244px;
			height: 244px;
		}
		#displayCanvas {
		    width: 244px;
		    height: 244px;
		}
		#orbitLayerCanvas {
		    width: 244px;
		    height: 244px;
		}
		#particleLayerCanvas {
		    width: 244px;
		    height: 244px;
		}
    }

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape - iPhone 6 */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(100% - 20px);
            left: calc(50% - (50% - 10px));
            top:  0;
        }
        .C03_AstroData {
            width: calc(100% - 20px);
			left: calc(50% - (50% - 10px));
			top:  0;
		}
		#logoPNG {
			width: calc(100% - 20px);
			left: calc(50% - (50% - 10px));
			top: calc(50% - (50% - 235px));
		}
		
        #eventPNG {
            top: calc(50% - (25% - 13px));
        }
        
		/* home screen logo animation */
		
		#canvasContainer {
            top: 43px;
			width: 333px;
			height: 333px;
		}
        #displayCanvas {
            width: 333px;
            height: 333px;
		    
		}
		#orbitLayerCanvas {
		    width: 333px;
		    height: 333px;
        }
        #particleLayerCanvas {
            width: 333px;
            height: 333px;
        }
    }

/* Portrait - iPhone 6 */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
    
        /* home screen graphics */
        
        #C03_bgGrid {
            top:  calc(50% - (50% - 80px));
        }
        .C03_AstroData {
            top:  calc(50% - (50% - 80px));
        }
    }

/* Landscape - iPhone 6 */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) { 
        
        /* event info text */
        
        #C03_EventInfo {
            top:8px;
        }
        #C03_GraphicInfo {
            display:none;
        }
        #C03_Alumnos47Info {
            top:calc(50% + 170px);
        }
        #C03_MeditatioSonusInfo {
            display:none;
        }
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 155px));
            top:  25px;
        }
        .C03_AstroData {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 155px));
            top:  25px;
        }
        #logoPNG {
            width: calc(50% - 20px);
            top: calc(50% - (25% - 68px));
            left: calc(50% + (25% - 155px));
        }
        
        #eventPNG {
            top: calc(50% - (40% - 55px));
            left: calc(50% - (50% - 360px));
        }
        
		.C03_planetButton {
			width: 5%;
		}
        #C03S01_pb_0, #C03S01_pb_1 {
            
            left: calc(((50% / 8) * 1) - 25px);
		    top:  calc(50% - 23px);
        }
        #C03S02_pb_0, #C03S02_pb_1 {
            left: calc(((50% / 8) * 2) - 25px);
			top:  calc(50% - 23px);
        }  
        #C03S03_pb_0, #C03S03_pb_1 {
            left: calc(((50% / 8) * 3) - 25px);
			top:  calc(50% - 23px);
        }  
        #C03S04_pb_0, #C03S04_pb_1 {
            left: calc(((50% / 8) * 4) - 25px);
			top:  calc(50% - 23px);
        } 
        #C03S05_pb_0, #C03S05_pb_1 {
            left: calc(((50% / 8) * 5) - 25px);
			top:  calc(50% - 23px);
        } 
        #C03S06_pb_0, #C03S06_pb_1 {
            left: calc(((50% / 8) * 6) - 25px);
			top:  calc(50% - 23px);
        } 
        #C03S07_pb_0, #C03S07_pb_1 {
            left: calc(((50% / 8) * 7) - 25px);
			top:  calc(50% - 23px);
        } 
        #C03S08_pb_0, #C03S08_pb_1 {
            left: calc(((50% / 8) * 8) - 25px);
			top:  calc(50% - 23px);
        }
        
        /* home screen logo animation */
        
        #canvasContainer {
            top: -3px;
            left: calc(50% - 164px);
            width: 287px;
			height: 287px;
		}
		#displayCanvas {
		    width: 287px;
		    height: 287px;
		}
		#orbitLayerCanvas {
		    width: 287px;
		    height: 287px;
		}
		#particleLayerCanvas {
		    width: 287px;
		    height: 287px;
		}
    }

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape - iPhone 6+ */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3) { 
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(100% - 20px);
            left: calc(50% - (50% - 10px));
            top:  0;
        }
        .C03_AstroData {
            width: calc(100% - 20px);
		    left: calc(50% - (50% - 10px));
			top:  0;
		}
		#logoPNG {
			width: calc(100% - 20px);
			left: calc(50% - (50% - 10px));
			top: calc(50% - (50% - 252px));
		}
		
        #eventPNG {
            top: calc(50% - (25% - 4px));
        }
        
		/* home screen logo animation */
		
		#canvasContainer {
		    top: 39px;
			width: 370px;
			height: 370px;
		}
		#displayCanvas {
		    width: 370px;
		    height: 370px;
		}
		#orbitLayerCanvas {
		    width: 370px;
		    height: 370px;
		}
		#particleLayerCanvas {
		    width: 370px;
		    height: 370px;
		}
}

/* Portrait - iPhone 6+ */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) { 
        
        /* home screen graphics */
        #C03_bgGrid {
            top:  calc(50% - (50% - 80px));
        }
        .C03_AstroData {
            top:  calc(50% - (50% - 80px));
        }
    }

/* Landscape - iPhone 6+ */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) { 
        
        /* event info text */
        
        #C03_EventInfo {
            top:8px;
        }
        #C03_GraphicInfo {
            display:none;
        }
        #C03_Alumnos47Info {
            top:calc(50% + 188px);
        }
        #C03_MeditatioSonusInfo {
            display:none;
        }
        
        /* home screen graphics */
        
        #C03_bgGrid {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 175px));
            top:  25px;
        }
        .C03_AstroData {
            width: calc(50% - 20px);
            left: calc(50% + (25% - 175px));
            top:  25px;
        }
        #logoPNG {
            width: calc(50% - 20px);
            top: calc(50% - (25% - 73px));
            left: calc(50% + (25% - 175px));
        }
        
        #eventPNG {
            top: calc(50% - (40% - 55px));
            left: calc(50% - (20% - 172px));
        }
        
		.C03_planetButton {
			width: 5%;
		}
        #C03S01_pb_0, #C03S01_pb_1 {
            
            left: calc(((50% / 8) * 1) - 31px);
		    top:  calc(50% - 28px);
        }
        #C03S02_pb_0, #C03S02_pb_1 {
            left: calc(((50% / 8) * 2) - 31px);
			top:  calc(50% - 28px);
        }  
        #C03S03_pb_0, #C03S03_pb_1 {
            left: calc(((50% / 8) * 3) - 31px);
			top:  calc(50% - 28px);
        }  
        #C03S04_pb_0, #C03S04_pb_1 {
            left: calc(((50% / 8) * 4) - 31px);
			top:  calc(50% - 28px);
        } 
        #C03S05_pb_0, #C03S05_pb_1 {
            left: calc(((50% / 8) * 5) - 31px);
			top:  calc(50% - 28px);
        } 
        #C03S06_pb_0, #C03S06_pb_1 {
            left: calc(((50% / 8) * 6) - 31px);
			top:  calc(50% - 28px);
        } 
        #C03S07_pb_0, #C03S07_pb_1 {
            left: calc(((50% / 8) * 7) - 31px);
			top:  calc(50% - 28px);
        } 
        #C03S08_pb_0, #C03S08_pb_1 {
            left: calc(((50% / 8) * 8) - 31px);
			top:  calc(50% - 28px);
        }
        
        /* home screen logo animation */
        
        #canvasContainer {
            top: -9px;
            left: calc(50% - 186px);
            width: 325px;
			height: 325px;
		}
		#displayCanvas {
		    width: 325px;
		    height: 325px;
		}
		#orbitLayerCanvas {
		    width: 325px;
		    height: 325px;
		}
		#particleLayerCanvas {
		    width: 325px;
		    height: 325px;
		}
		
    }
    
    
/*
     FILE ARCHIVED ON 14:09:47 Mar 11, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:05:49 Apr 02, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 89.112 (3)
  esindex: 0.008
  captures_list: 160.273
  CDXLines.iter: 10.308 (3)
  PetaboxLoader3.datanode: 335.46 (5)
  exclusion.robots: 0.142
  exclusion.robots.policy: 0.131
  RedisCDXSource: 58.165
  PetaboxLoader3.resolve: 63.359 (2)
  load_resource: 328.876
*/